<template>
  <div id="app">
    <!--<img src="./assets/logo.png">-->
    <v-header></v-header>
    <section class="bodyhead">
    <router-link to="/goods">商品</router-link>
    <router-link to="/eva">评价</router-link>
    <router-link to="/mer">商家</router-link>
  </section>
    <router-view></router-view>
    <v-footer></v-footer>
  </div>
</template>

<script>
// import $ from 'jquery'
import vHeader from './components/ohead/oheader'
import vFooter from './components/ofooter/ofooter'

export default {
  name: 'App',
  components: {
    vHeader,
    vFooter
  },
  created () {
    this.$store.commit('ADD')
  }
}

</script>

<style  lang='less'>
  .bodyhead{
    height: 0.8rem;
    font-size: 0.28rem;
    color: rgb(77,85,93);
    line-height: 0.8rem;
    display: flex;
    justify-content: space-around;
    border-bottom: 0.02rem solid rgba(7,17,27,0.1);
    .router-link-active{
      color: rgb(240,20,20);
    }
  }
</style>
